<!DOCTYPE html>
<html>
	<head>
		<title>chart created with amCharts | amCharts</title>
		<meta name="description" content="chart created using amCharts live editor" />
		
		<!-- amCharts javascript sources -->
		<script type="text/javascript" src="https://www.amcharts.com/lib/3/amcharts.js"></script>
		<script type="text/javascript" src="https://cdn.amcharts.com/lib/3/serial.js"></script>
		

		<!-- amCharts javascript code -->
		<script type="text/javascript">
			AmCharts.makeChart("chartdiv",
				{
					"type": "serial",
					"categoryField": "Country Name",
					"dataDateFormat": "YYYY",
					"handDrawThickness": 2,
					"theme": "default",
					"categoryAxis": {
						"minPeriod": "YYYY",
						"parseDates": true
					},
					"chartCursor": {
						"enabled": true,
						"animationDuration": 0,
						"categoryBalloonDateFormat": "YYYY"
					},
					"chartScrollbar": {
						"enabled": true
					},
					"trendLines": [],
					"graphs": [
						{
							"bullet": "round",
							"id": "AmGraph-1",
							"title": "China",
							"valueField": "China"
						},
						{
							"bullet": "square",
							"id": "AmGraph-2",
							"title": "France",
							"valueField": "France"
						},
						{
							"id": "AmGraph-3",
							"title": "India",
							"valueField": "India"
						},
						{
							"id": "AmGraph-4",
							"title": "America",
							"valueField": "America"
						}
					],
					"guides": [],
					"valueAxes": [
						{
							"id": "ValueAxis-1",
							"title": "Axis title"
						}
					],
					"allLabels": [],
					"balloon": {},
					"legend": {
						"enabled": true,
						"useGraphSettings": true
					},
					"titles": [
						{
							"id": "Title-1",
							"size": 15,
							"text": "四国GDP总值"
						}
					],
					"dataProvider": [
						{
							"Country Name": "2000",
							"China": "1.21133E+12",
							"France": "1.36564E+12",
							"India": "4.68395E+11",
							"America": "1.0259E+13"
						},
						{
							"Country Name": "2001",
							"China": "1.3394E+12",
							"France": "1.37766E+12",
							"India": "4.85441E+11",
							"America": "1.05819E+13"
						},
						{
							"Country Name": "2002",
							"China": "1.4756E+12",
							"France": "1.5141E+12",
							"India": "5.14938E+11",
							"America": "1.09291E+13"
						},
						{
							"Country Name": "2003",
							"China": "1.6628E+12",
							"France": "1.84454E+12",
							"India": "6.07699E+11",
							"America": "1.14564E+13"
						},
						{
							"Country Name": "2004",
							"China": "1.95535E+12",
							"France": "2.11963E+12",
							"India": "7.09149E+11",
							"America": "1.22172E+13"
						},
						{
							"Country Name": "2005",
							"China": "2.28596E+12",
							"France": "2.19695E+12",
							"India": "8.2382E+11",
							"America": "1.3392E+13"
						},
						{
							"Country Name": "2006",
							"China": "2.75212E+12",
							"France": "2.3254E+12",
							"India": "9.4026E+11",
							"America": "1.38156E+13"
						},
						{
							"Country Name": "2007",
							"China": "3.5533E+12",
							"France": "2.6659E+12",
							"India": "1.21674E+12",
							"America": "1.44742E+13"
						},
						{
							"Country Name": "2008",
							"China": "4.59434E+12",
							"France": "2.9303E+12",
							"India": "1.1989E+12",
							"America": "1.47699E+13"
						},
						{
							"Country Name": "2009",
							"China": "5.1169E+12",
							"France": "2.789E+12",
							"India": "1.34189E+12",
							"America": "1.44781E+13"
						},
						{
							"Country Name": "2010",
							"China": "6.08719E+12",
							"France": "2.64519E+12",
							"India": "1.67562E+12",
							"America": "1.5049E+13"
						},
						{
							"Country Name": "2011",
							"China": "7.55155E+12",
							"France": "2.86516E+12",
							"India": "1.8235E+12",
							"America": "1.55997E+13"
						},
						{
							"Country Name": "2012",
							"China": "8.53219E+12",
							"France": "2.68367E+12",
							"India": "1.82764E+12",
							"America": "1.6254E+13"
						},
						{
							"Country Name": "2013",
							"China": "9.5747E+12",
							"France": "2.81188E+12",
							"India": "1.85672E+12",
							"America": "1.68432E+13"
						},
						{
							"Country Name": "2014",
							"China": "1.04756E+13",
							"France": "2.85596E+12",
							"India": "2.03913E+12",
							"America": "1.7557E+13"
						},
						{
							"Country Name": "2015",
							"China": "1.1616E+13",
							"France": "2.43919E+12",
							"India": "2.1359E+12",
							"America": "1.8206E+13"
						},
						{
							"Country Name": "2016",
							"China": "1.12333E+13",
							"France": "2.47296E+12",
							"India": "2.2948E+12",
							"America": "1.86951E+13"
						},
						{
							"Country Name": "2017",
							"China": "1.2315E+13",
							"France": "2.59515E+12",
							"India": "2.65147E+12",
							"America": "1.94773E+13"
						},
						{
							"Country Name": "2018",
							"China": "1.38949E+13",
							"France": "2.7996E+12",
							"India": "2.7293E+12",
							"America": "2.05331E+13"
						},
						{
							"Country Name": "2019",
							"China": "1.428E+13",
							"France": "2.72887E+12",
							"India": "2.83561E+12",
							"America": "2.1381E+13"
						},
						{
							"Country Name": "2020",
							"China": "1.46877E+13",
							"France": "2.6391E+12",
							"India": "2.6716E+12",
							"America": "2.1065E+13"
						},
						{
							"Country Name": "2021",
							"China": "1.7825E+13",
							"France": "2.95788E+12",
							"India": "3.1531E+12",
							"America": "2.33151E+13"
						},
						{
							"Country Name": "2022",
							"China": "1.79632E+13",
							"France": "2.78291E+12",
							"India": "3.3859E+12",
							"America": "2.54627E+13"
						}
					]
				}
			);
		</script>
	</head>
	<body>
		<div id="chartdiv" style="width: 100%; height: 400px; background-color: #FFFFFF;" ></div>
	</body>
</html>